<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="./css/ease.dialog.min.css">
        <link rel="stylesheet" href="./css/ease.dialog.cover.css">
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/index.css">
        <title>选号</title>
    </head>
    <body>
        <div class="box">
            <div class="tt">
                红球 <input class="tt-cont-input-num" type="number" min="6"
                    name="redNums" id="redNums"> 个
                蓝球 <input class="tt-cont-input-num" type="number" min="1"
                    name="blueNums" id="blueNums"> 个
            </div>
            <div class="tt">
                红胆 <input class="tt-cont-input-gallop" type="text"
                    name="gallopReds" id="gallopReds" placeholder="英文的逗号分隔">
            </div>
            <div class="tt">
                蓝胆 <input class="tt-cont-input-gallop" type="text"
                    name="gallopBlues" id="gallopBlues" placeholder="英文的逗号分隔">
            </div>
            <div class="opts">
                <div class="opts-l">
                    <div class="tt">杀蓝</div>
                    <div class="tt-cont">
                        <input class="tt-cont-input" type="text"
                            name="killBlues" id="killBlues"
                            placeholder="杀蓝球，英文的逗号分隔">
                    </div>
                    <div class="tt">杀红</div>
                    <div class="tt-cont">
                        <input class="tt-cont-input" type="text" name="killReds"
                            id="killReds" placeholder="杀红球，英文的逗号分隔">
                    </div>
                    <div class="btns">
                        <!-- <button class="btn" id="generateKillRemain">生成剩余</button> -->
                        <button class="btn" id="generateRemain">生成剩余</button>
                    </div>
                </div>
                <div class="opts-r">
                    <div class="tt">手动选蓝</div>
                    <div class="tt-cont">
                        <input class="tt-cont-input" type="text"
                            name="choseBlues" id="choseBlues"
                            placeholder="手动选蓝球，英文的逗号分隔">
                    </div>
                    <div class="tt">手动选红</div>
                    <div class="tt-cont">
                        <input class="tt-cont-input" type="text"
                            name="choseReds" id="choseReds"
                            placeholder="手动选红球，英文的逗号分隔">
                    </div>
                    <div class="btns">
                        <!-- <button class="btn" id="generateChoseRemain">选球生成剩余</button> -->
                        <button class="btn hide"></button>
                    </div>
                </div>
            </div>
            <div class="tt">剩余红</div>
            <div class="tt-cont" id="remainRed">
                <span class="result-notice no-select">等待剩余红球结果</span>
            </div>
            <div class="tt">剩余蓝</div>
            <div class="tt-cont" id="remainBlue">
                <span class="result-notice no-select">等待剩余蓝球结果</span>
            </div>
            <div class="btns">
                <button class="btn" id="generate">生成结果</button>
                <button class="btn" id="restore">重置条件</button>
                <button class="btn" id="copy">复制结果</button>
            </div>
            <div class="tt">随机后的结果</div>
            <div class="tt-cont" id="result">
                <span class="result-notice no-select">等待展示结果</span>
            </div>
        </div>
        <script src="./utils/ease.dialog.min.js"></script>
        <script type="module">
            import Index from './js/index.js'
            let IDX = new Index({dialog:easyDialog})
            IDX.init()
        </script>
    </body>
</html>